@charset "utf-8";
.clear:before,.clear:after {content: "."; display: block; height:0;  visibility: hidden;}
.clear:after {clear:both;}
.fl{ float: left; }
.fr{ float: right; }
.hide{display: none;}
.hidden{visibility:hidden;}
.overflow{overflow: hidden;}
.width{width: 100%;}
.height{height: 100%;}
.wrap,.wrap10,.wrap15,.wrap20,.wrap25,.wrap30{margin-left: auto;margin-right: auto; position: relative; left:0; right: 0;}
.wrap10{width:97.33%;}
.wrap15{width:96%;}
.wrap20{width:94.66%;}
.wrap25{width: 93.33%;}
.wrap30{width: 92%;}

 /* #ifdef H5 */
.wrap,.wrap10,.wrap15,.wrap20,.wrap25,.wrap30{margin-left: auto;margin-right: auto; max-width: 450px; left:0; right: 0;}
.wrap{max-width: 450px;}
.wrap10{width:97.33%; max-width: -webkit-calc( 450px*0.9733 ); max-width: -moz-calc( 450px*0.9733 ); max-width: calc( 450px*0.9733 );}
.wrap15{width:96%;max-width: -webkit-calc( 450px*0.96 );max-width: -moz-calc( 450px*0.96 );max-width: calc( 450px*0.96 );}
.wrap20{width:94.66%;max-width: -webkit-calc( 450px*0.9466 );max-width: -moz-calc( 450px*0.9466 );max-width: calc( 450px*0.9466 );}
.wrap25{width: 93.33%;max-width: -webkit-calc( 450px*0.9333 );max-width: -moz-calc( 450px*0.9333 );max-width: calc( 450px*0.9333 );}
.wrap30{width: 92%;max-width: -webkit-calc( 450px*0.92 );max-width: -moz-calc( 450px*0.92 );max-width: calc( 450px*0.92 );}
/* #endif */

.border-top{border-top: 1px solid #f3f3f3;}
.border-btm{border-bottom: 1px solid #f3f3f3;}
.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-cut,.text-cut-more{overflow: hidden;text-overflow: ellipsis;}
.middle{vertical-align: middle;}
.nowrap,
.text-cut{white-space: nowrap;}
.text-cut-more{display: -webkit-box;/* -webkit-line-clamp: 2; */-webkit-box-orient: vertical;}
.box-cut{border-radius: 50%;overflow: hidden;}
.vh{ min-height: 100vh; }
.relative{position: relative;}
.absolute{position: absolute;}
.top{ top: 0; }
.left{ left: 0; }
.right{ right: 0; }
.bottom{ bottom: 0; }
.border-box{ box-sizing: border-box; }
.block{ display: block; }
.inline-block{display: inline-block;}
.table{ display: table; }
.table-cell{ display: table-cell; }
.flex{ display: -webkit-flex; display: flex; flex-wrap: wrap; }
.inline-flex{ display: inline-flex; display: -webkit-inline-flex; }
.flex-middle{ align-items: center; }
.flex-center{ justify-content: center; }
.flex-start{ justify-content: flex-start; }
.flex-end{ justify-content: flex-end; }
.flex-between{ justify-content: space-between; }
.flex-around{ justify-content: space-around; }
.flex-wrap{flex-wrap: wrap;}
.flex-auto{ flex:auto }
.flex-one{ flex: 1; }


